<template>
  <head-top :loading="loading">
    <view class="feeback">
      <view class="bold">我要反馈</view>
      <view class="feeback_content">
        <textarea v-model="value1" class="textarea" maxlength="1000" height="200rpx" placeholder="你想说什么"></textarea>
        <view class="feeback_content_list">
          <view class="img_list">
            <view class="img_list_img">
              <u-image :show-loading="true" mode="aspectFill" src="@/static/tabs/buku2.png" width="100rpx"
                height="100rpx"></u-image>
            </view>
          </view>
          <u-image @click="upload" v-if="imgIndex != 5" :show-loading="true" mode="aspectFill"
            src="https://taoaiimage.oss-cn-shanghai.aliyuncs.com/test/back2x.png" width="100rpx"
            height="100rpx"></u-image>
        </view>
      </view>
      <view class="feeback_title flex">
        <view class="bold"> 联系方式</view>
        <view class="hui">注：我们核实了问题，将第一时间联系您</view>
      </view>
      <view class="feeback_input">
        <view class="feeback_input_type">
          <u-input placeholder="请输入内容" border="none"></u-input>
        </view>
      </view>
      <button class="feeback_btn" @click="show = true">提交</button>
    </view>
    <u-modal :show="show" confirmColor="#FF4201" @confirm="confirm">
      <view>您的反馈已收到，我们将第一时间核实并处理</view>
    </u-modal>
  </head-top>
</template>
<script setup lang="ts">
import { ref } from "vue";
import { chooseAll } from '@/hooks'
const { chooseAllFile_ } = chooseAll()
const loading = ref<boolean>(false)
const value1 = ref<string>('')
const show = ref<boolean>(false)
const imgIndex = ref<number>(1)
const upload = (async () => {
  const res = await chooseAllFile_()
})
function confirm() {
  show.value = false
}
</script>


<style lang="scss" scoped>
@import './feeback.scss'
</style>
<style>
page {
  background: #fff;
}
</style>